<template>
  <div class="container">
    <zlw-nav></zlw-nav>
    <div style="margin-bottom: 70px"></div>
    <el-card>
      <h1 style="text-align: center;font-size: 24px;
    color: #303133;
    padding-top: 20px;
    margin-bottom: 15px;
    word-break: break-word;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
    font-weight: 500;">关于本站</h1>
      <div class="content">
        <div style="text-align: center">
          <p style="font-size: 20px">
            一个支持多种客户端（如Web、小程序等）且具有快速响应与高并发处理能力的现代论坛平台，拥有完善的交互性、实用的后台管理以及个性化的数据展示。通过本平台帮助用户更方便地获取和交流技术资讯，同时保证用户在访问论坛时的流畅体验，确保系统能够在高访问量下稳定运行。并且平台引入Ai技术，可以帮助用户快速获取技术信息和解决技术问题。
          </p>
          <!--          <h4>技术栈</h4>-->
          <!--          <ul>-->
          <!--            <li>-->
          <!--              前端：Vue + Element-UI + Echarts + Axios等-->
          <!--            </li>-->
          <!--            <li>-->
          <!--              后端：Spring + Spring MVC + Spring Boot + Spring+Security + MybatisPlus + RabbitMQ-->
          <!--            </li>-->
          <!--            <li>-->
          <!--              数据库：MySQL + Redis-->
          <!--            </li>-->
          <!--            <li>-->
          <!--              部署和运维：Linux + Docker-->
          <!--            </li>-->
          <!--          </ul>-->
        </div>
        <hr>
        <div style="text-align: center">
          <p>系统架构图</p>
          <img style="max-width: 100%;height: auto;display: block; " src="@/assets/jiagou.png"/>
        </div>
        <!--        <el-row>-->
        <!--          <el-col :span="12">-->
        <!--            <h4>用户端功能</h4>-->
        <!--            <h5 style="font-weight: bolder;font-size: 16px">&nbsp;首页</h5>-->
        <!--            <ul style="list-style: inherit">-->
        <!--              <li>分页展示文章列表</li>-->
        <!--              <li>文章推荐</li>-->
        <!--              <li>文章搜索（实时模糊查询）</li>-->
        <!--              <li>展示热门文章、最新文章</li>-->
        <!--              <li>按分类按标签查询文章</li>-->
        <!--              <li>首页banner随机句子</li>-->
        <!--            </ul>-->
        <!--            <br>-->
        <!--            <h5 style="font-weight: bolder;font-size: 16px">&nbsp;文章详情页</h5>-->
        <!--            <ul style="list-style: inherit">-->
        <!--              <li>文章浏览、点赞、打赏</li>-->
        <!--              <li>文章评论、二级评论</li>-->
        <!--              <li>评论显示用户IP属地</li>-->
        <!--            </ul>-->
        <!--            <br>-->
        <!--            <h5 style="font-weight: bolder;font-size: 16px">&nbsp;留言板</h5>-->
        <!--            <ul style="list-style: inherit">-->
        <!--              <li>按时间线展示留言</li>-->
        <!--              <li>发布留言</li>-->
        <!--            </ul>-->
        <!--            <br>-->
        <!--            <h5 style="font-weight: bolder;font-size: 16px">&nbsp;闲聊机器人</h5>-->
        <!--            <ul style="list-style: inherit">-->
        <!--              <li>引入ChatGPT官方Api接口，可以回答用户提出的问题</li>-->
        <!--            </ul>-->
        <!--            <br>-->
        <!--            <h5 style="font-weight: bolder;font-size: 16px">&nbsp;个人中心页</h5>-->
        <!--            <ul style="list-style: inherit">-->
        <!--              <li>修改个人基本信息，修改后的头像展示在首页banner</li>-->
        <!--              <li>登录用户点赞过的文章</li>-->
        <!--              <li>修改密码</li>-->
        <!--            </ul>-->
        <!--          </el-col>-->
        <!--          <el-col :span="12">-->
        <!--            <h4>管理端功能</h4>-->
        <!--            <ul style="list-style: inherit">-->
        <!--              <li>首页数据可视化</li>-->
        <!--              <li>基于RBAC（Role-Based Access Control）的权限模型</li>-->
        <!--              <li>博文编写，发布到用户端或保存到草稿箱</li>-->
        <!--              <li>单表增删改查、分页模糊查询</li>-->
        <!--              <li>评论/留言/友链审核、增删改查</li>-->
        <!--              <li>数据导出Excel</li>-->
        <!--            </ul>-->
        <!--          </el-col>-->
        <!--        </el-row>-->
      </div>
    </el-card>
  </div>
</template>

<script>
import nav from "../components/nav.vue";

export default {
  name: "AboutWebsite",
  data() { //选项 / 数据
    return {}
  },
  methods: { //事件处理器

  },
  components: { //定义组件
    'zlw-nav': nav,
  },
}
</script>

<style scoped>
.content h4 {
  font-size: 18px;
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

.content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

</style>
